import React,{useCallback} from 'react'
import Navbar from '@/components/Navbar/Navbar'
import left from '@/assets/images/left.png'
import { useHistory } from 'react-router-dom'
import { List, Checkbox, Flex } from 'antd-mobile';
import {AddresWrapper} from './styledMy'


const CheckboxItem = Checkbox.CheckboxItem;
const AgreeItem = Checkbox.AgreeItem;
export default function Addres() {
    const history=useHistory()
    const handleClick=useCallback(
        ()=>{
            history.goBack()
        }
    )
    return (
        <AddresWrapper>
            <Navbar
            title='管理地址'
            icon={left}
            color='#F8F8F8'
            onClick={handleClick}
            >
            </Navbar>

            <div className='addres'>
                <ul>
                    <li>
                        <p className='p1'>
                            <span>吴彦祖</span>
                            <span>158******1650</span>
                        </p>
                        <p  className='p2'>阿坝叭叭叭bababababababa</p>
                        <p  className='p3'>
                        <CheckboxItem >
                            设为默认地址
                            <span>编辑</span>
                            <span>删除</span>
                        </CheckboxItem>
                        </p>
                    </li>
                </ul>
            </div>
        </AddresWrapper>
    )
}
